<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 进入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 引入常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 引入iconfont插件样式 -->
		<link rel="stylesheet" href="../lib/font_6lu90pe2u1i/iconfont.css" />
		<!-- 引入swiper插件样式 -->

		<!-- 引入本地样式 -->
		<link rel="stylesheet" href="../css/api-detial.css" />
	</head>

	<body class="minWidth">
		<!-- 头部导航栏 -->
		<header>
			<section class="logl"></section>
			<ul class="txtCent">
				<li><a href="#" class="active navgit">首页</a></li>
				<li><a href="#" class="navgit">API</a></li>
				<li><a href="#" class="navgit">云服务</a></li>
				<li><a href="../html/customer.html" class="navgit">案例</a></li>
				<li><a href="#" class="navgit">开发者</a></li>
			</ul>
			<section class="register">
				<span class="point">登录</span>
				<span class="point regisNow">注册有礼</span>
			</section>
		</header>
		<main>
			<!-- banner区 -->
			<section class="banner rel">
				<!-- 粒子效果图 -->
				<div class="" id="bannerBg"></div>
				<!-- 版心 -->
				<div class="bannerCent  minWidth container abs">
					<!-- banner内容左边图片部分 -->
					<div class="bannerCont abs">
						<!-- 小图标 -->
						<p class="smallIcon abs">
							<span>
								<img src="../images/API详情页_smallicon_01.jpg" alt="">
								<span class="IconNum">
									103
								</span>
							</span>
							<span>
								<img src="../images/API详情页_smallicon_02.jpg" alt="">
								<span class="IconNum">
									14245
								</span>
							</span>
							<span>
								<img src="../images/API详情页_smallicon_03.jpg" alt="">
								<span class="IconNum">
									623
								</span>
							</span>
						</p>
					</div>
					<!-- banner内容右边文字部分 -->
					<div class="bannerDoc">
						<p class="IdCard rel">身份证实名认证 <span class="abs">支持HTTPS</span> <span class="abs">企业专用</span></p>
						<p class="UseType ">
							<span class="enterPrice">限企业实名用户使用</span>
							<span class="verify">本地接口需提供应用场景审核</span>
							<span class="NoperSon">个人实名用户无法使用</span>
						</p>

						<p class="checkMesage">检测姓名和身份证号是否一致，身份证验证。</p>

						<p class="codeCheck ">
							<!-- 扫码测试 -->
							<span class="point rel textNum errorBtn " disabled>
								扫码测试
								<strong class="codePic ads">
									<img src="../images/wechat-white.png" alt="">
								</strong>
							</span>


						</p>

						<!-- 扫码测试价格 -->
						<ul class="testPriceG">
							<li>￥1200 <span>(约0.3000元/次)，仅限企业实名购买；</span></li>
						</ul>
						<button class="testBtn txtCent point">立即申请</button>

					</div>
				</div>
			</section>

			<!-- api文档，错误参照码部分 -->
			<section class="referPlate">
				<!-- 标题版块 -->
				<div class="referTitle container">
					<p class="point"><span class="active">API文档</span></p>
					<p class="point"><span>错误码参照</span></p>
					<p class="point"><span>示例代码</span></p>
					<p class="point"><span>联系我们</span></p>
				</div>
			</section>
			<!-- 功能介绍版块 -->
			<div class="funArea container cf ">
				<!-- 左边板块 -->
				<!-- API文档 -->
				<section class="apiDoc discArea">

					<p>
						<span>接口地址：</span> http://op.juhe.cn/idcard/query
					</p>

					<p>
						<span>返回格式：</span> json
					</p>
					<p>
						<span>请求方式：</span> http get/post
					</p>

					<p>
						<span>请求示例：</span> http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=
					</p>

					<p> <span>接口备注：</span> error_code为0时计费</p>

					<button class="txtCent"> API测试工具</button>


				</section>

				<!-- 右边板快活动推荐侧边栏版块 -->
				<div class="rightAdside">
					<p class="recom">活动推荐/Activity</p>
					<img src="../images/details-aside02.png" alt="">
					<img src="../images/details-aside03.png" alt="">
					<img src="../images/details-aside02.png" alt="">
					<p class="gussLike">猜你喜欢</p>
					<section class="serviceCent rel">
						<span class="serviceIcon abs">
						</span>
						<p class="messageAPI abs">短信API服务</p>
						<p class="mesgAPIduc abs">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
					</section>
					<section class="serviceCent rel">
						<span class="serviceIcon abs">
						</span>
						<p class="messageAPI abs">短信API服务</p>
						<p class="mesgAPIduc abs">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
					</section>
					<section class="serviceCent rel">
						<span class="serviceIcon abs">
						</span>
						<p class="messageAPI abs">短信API服务</p>
						<p class="mesgAPIduc abs">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
					</section>
					<section class="serviceCent rel">
						<span class="serviceIcon abs">
						</span>
						<p class="messageAPI abs">短信API服务</p>
						<p class="mesgAPIduc abs">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
					</section>
					<section class="serviceCent rel">
						<span class="serviceIcon abs">
						</span>
						<p class="messageAPI abs">短信API服务</p>
						<p class="mesgAPIduc abs">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
					</section>

				</div>

				<!-- 错误代码部分 -->
				<section class="errorCode discArea">

					<p><span></span> &nbsp; 请求参数说明</p>

					<table class="tabCont">
						<tr>
							<th class="borLftNoneh">名称</th>
							<th class="borLftNoneh">必填</th>
							<th class="borLftNoneh">类型</th>
							<th>说明</th>
						</tr>
						<tbody>
							<tr>
								<td class="borLftNone">idcard</td>
								<td class="borLftNone">是</td>
								<td class="borLftNone">string</td>
								<td>身份证号码</td>
							</tr>
							<tr>
								<td class="borLftNone">orderid</td>
								<td class="borLftNone">否</td>
								<td class="borLftNone">int</td>
								<td>传1时返回单号,默认不返回单号(建议传入)</td>
							</tr>
							<tr>
								<td class="borLftNone">key</td>
								<td class="borLftNone">是</td>
								<td class="borLftNone">string</td>
								<td>在个人中心->我的数据,接口名称上方查看</td>

							</tr>

						</tbody>
					</table>

				</section>
				<!-- 示例代码 -->
				<section class="examCode discArea">

					<p><span></span> &nbsp; 返回参数说明</p>
					<table class="examCodeTab">
						<tr>
							<th class="borLftNoneh">名称</th>
							<th class="borLftNoneh">类型</th>
							<th>说明</th>
						</tr>
						<tbody>
							<tr>
								<td class="borLftNode">error_code</td>
								<td class="borLftNode">int</td>
								<td>返回码</td>
							</tr>
							<tr>
								<td class="borLftNode">reason </td>
								<td class="borLftNode">string</td>
								<td>返回说明</td>
							</tr>
							<tr>
								<td class="borLftNode">result </td>
								<td class="borLftNode">object </td>
								<td>返回结果集</td>
							</tr>
							<tr>
								<td class="borLftNode">realname</td>
								<td class="borLftNode">string</td>
								<td>属result,真实姓名</td>
							</tr>
							<tr>
								<td class="borLftNode">idcard</td>
								<td class="borLftNode">string</td>
								<td>属result,身份证号</td>
							</tr>
							<tr>
								<td class="borLftNode">res</td>
								<td class="borLftNode">int</td>
								<td>属result,匹配详情,1匹配,2不匹配</td>
							</tr>


						</tbody>

					</table>


				</section>
				<!-- 联系我们 -->
				<section class="callink discArea rel">

					<p><span></span> &nbsp; JSON返回示例:</p> <button class="btn txtCent point abs">JSON在线格式化工具</button>
					<p class="codeHeFo"> {</p>
					<p class="contCode"> "reason": "成功",</p>
					<p class="contCode"> "result": {</p>
					<p class="contCode"> "realname": "***",/*真实姓名*/</p>
					<p class="contCode"> "idcard": "******************",/*身份证号码*/</p>
					<p class="contCode"> "orderid":"J103202010151450419556",/*流水号*/</p>
					<p class="contCode"> "res": 1 /*1：匹配 2：不匹配*/</p>
					<p class="contCode"> },</p>
					<p class="contCode"> "error_code": 0</p>
					<p class="codeHeFo">}</p>

				</section>
			</div>
			<!-- 免费注册板块 -->
			<div class="freeRegis">
				<!-- 版心内容 -->
				<div class="freeRegisCont container ">

					<p>现在注册，百款接口免费测试</p>
					<button class="point regisNow">免费注册</button>

				</div>
			</div>
		</main>
		<footer>
			<!-- 尾部版心 -->
			<div class="foot-cont container minWidth">
				<!-- 尾部左边板块 -->
				<div class="leftBox">
					<ul class="list">
						<li>联系与支持</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>

					<ul class="list">
						<li>关于源码</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>

					<ul class="list">
						<li>快速入口</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>

					<ul class="list">
						<li>产品服务</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>

					<ul class="list">
						<li>解决方案</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>
				</div>
				<!-- 尾部右边板块 -->
				<div class="rtBox">
					<p class="title">微信公众号</p>
					<p class="timetxt">源码时代</p>
					<img src="../images/wechat-white.png" alt="" />
				</div>
				<p class="copy">
					<!-- 尾部版权图片部分 -->
					<span class="copy-pic"></span>
					<span class="copy-pic"></span>
					<!-- 尾部版权经营许可联系电话部分 -->
					<span class="copy-icon">增值电信业务经营许可证:蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
					<!-- 尾部版权号右边部分 -->
					<span class="copy-cont">源码大数据股份有限公司&copy;版权所有</span>
				</p>
			</div>
			<!-- 回到顶部功能按钮 -->
			<span class="iconfont icon-huidaodingbu point"></span>

			<!-- 注册表单界面模板 -->
			<div class="model">
				<!-- 注册模态框头部 -->
				<div class="modelHeadCont">
					<div class="modelHead modelContainer">
						<img src="../images/logo-white.png" alt="" />
						<p class="gotNum">
							<span class="HaveAccount point">已有源码账号,</span><span
								class="loginColor logined point">登录</span>
						</p>
					</div>
				</div>
				<!-- 注册界面 -->
				<div class="regis-plate">
					<!-- 注册界面内容 -->
					<div class="regis-cont">
						<!-- 注册界面表单   -->
						<form action="#" class="rel formCont">
							<!-- 注册表单欢迎注册板块 -->

							<h1 class="h1-delMargin">欢迎注册</h1>
							<!-- 注册表单免费接口板块 -->
							<p class="interface">百款接口免费试用</p>
							<!-- 300元大礼包板块 -->
							<button class="pack borRadus-5 point">注册即送300元大礼包</button>
							<!-- 注册表单用户名板块 -->
							<p class="username">
								<input class="borRadus-5 cont-input verify1" type="text" placeholder="用户名(6~20位字母数字)" />
								<span class="errorName abs ftS-12 errorIcon">昵称需在6~12字母数字间</span>
							</p>
							<!-- 注册表单手机号验证码板块 -->
							<p class="phNum">
								<input class="borRadus-5 cont-input verify2" type="text" s placeholder="请输入手机号码" />
								<span class="errorPhoNum abs ftS-12 errorIcon">请输入11位手机号码</span>
							</p>
							<!-- 注册表单手机号获取验证码板块 -->
							<p class="VerCode">
								<input class="borRadus-5 cont-input" type="text" placeholder="请输入手机短信验证码" />
								<button class="GetVer point abs">获取验证码</button>
							</p>
							<!-- 注册表单密码板块 -->
							<p class="password">
								<input class="borRadus-5 cont-input verify3" type="password"
									placeholder="请输入6至12位的密码" />
								<span class="errorPassword abs ftS-12 errorIcon">密码需在6~12位</span>
							</p>
							<!-- 阅读接受板块 -->
							<p class="readAcc">
								<input class="borRadus-5 choice" type="checkbox" />我已阅读并接受
								<span>《源码用户服务协议》&nbsp;《源码隐私政策》</span>
							</p>
							<button class="RegNow point">立即注册</button>
						</form>
					</div>
				</div>
			</div>
		</footer>
		<script src="../js/util.js"></script>
		<script src="../lib/jquory/canvas-particle.js"></script>
		<script src="../js/api-detial.js"></script>
	</body>

</html>